window.onload = function () {
    loadGrade()
}
// 加载年级信息
function loadGrade() {
    let xhr = new XMLHttpRequest()
    /* 
        https://www.bingjs.com:8001/Grade/GetAll  查询全部年级信息  [GET请求]
    */
    xhr.open("GET", `https://www.bingjs.com:8001/Grade/GetAll`)
    xhr.send()
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            let str = JSON.parse(xhr.response)
            str.unshift({ GradeId: 0, GradeName: "请选择年级" })
            console.log(str)
            str.forEach(a => {
                let option = document.createElement("option")
                console.log(option);
                option.value = a.GradeId
                option.innerHTML = a.GradeName
                gradeId.appendChild(option)
            })
        }
    }
}
function $Key(getKey) {
    return document.querySelector(getKey)
}
// 添加按钮事件
$Key("#add_btn").onclick = function () {
    // 添加元素 ==> 点击按钮获取表单中的内容
    let subjectName = $Key("#subjectName").value
    let classHour = $Key("#classHour").value
    let gradeId = $Key("#gradeId").value
    // json文件 数据格式 [{ }]
    // 将获取的数据放在一个对象中 方便Ajax请求发送
    let obj = {
        subjectName,
        classHour,
        gradeId,
    }
    // 将js转成JSON格式
    let jsons = JSON.stringify(obj)
    // 通过Ajax方式添加数据
    let xhr = new XMLHttpRequest()
    xhr.open("POST", "https://www.bingjs.com:8001/Subject/Add")
    // 设置请求头
    // xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
    xhr.setRequestHeader("Content-Type", "application/json")
    xhr.send(jsons)
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            let obj = JSON.parse(xhr.response)
            if (obj) {
                alert("添加成功")
            }
        }
    }
}

// 重置按钮点击事件
$Key("#cancel_btn").onclick = function(){
    location.href = '../html/addSubject.html'
}
